<template>
  <div class="app-container" >
    <div class="ce">
      <el-input v-model="sea"  placeholder="设备名称" style="width: 200px;" class="filter-item" />
      <el-button type="primary" icon="el-icon-search" @click="se">
        搜索
      </el-button>
    </div>
    <div v-if="s">
      <h2>设备信息</h2>
      <span>设备名称 钳子 设备ID 5343 </span>
      <h2>设备时间线</h2>
      <timeline />
    </div>
  </div>
</template>

<script>
import Timeline from "@/views/his/Timeline";
export default {
  methods:{

    se(){
      this.$message("正在查询")
      setTimeout(()=>{
        this.s=true
        this.$message({
          message:"查询成功",
          type:"success"
        })
      },600)
    }
  },
  data(){
    return{
      sea:"",
      s:false
    }
  },
  components:{
    Timeline
  }
}
</script>

<style scoped>
.ce{
  width: 100%;
  display: flex;
  justify-content: center;
  align-content: center;
  margin: 30px;
}
</style>
